<template>
  <div class="footer">
    <div class="content">
      <h3>友情链接</h3>
      <ul class="link">
        <li>教务系统</li>
        <li>校园论坛</li>
        <li>在线考试系统</li>
        <li>教育部</li>
        <li>中国高校网</li>
        <li>河北省教育厅</li>
        <li>河北省总工会</li>
        <li>学信网</li>
        <li>劳动关系职业学院</li>
        <li>中国公务员</li>
        <li>起点学院</li>
        <li>腾讯课堂</li>
        <li>网易云课程</li>
        <li>清华大学</li>
        <li>北京大学</li>
        <li>麻省理工学院</li>
        <li>斯坦福大学</li>
        <li>哈佛大学</li>
        <li>加州理工学院</li>
        <li>牛津大学</li>
        <li>剑桥大学</li>
        <li>中华考试网</li>
      </ul>
      <div class="line"></div>
      <p style="text-align: center">
        <img src="~@/assets/footer.png" style="width: 45px">
      </p>
      <p style="text-align: center;font-size:13px;line-height: 1.5">
        Copyright&nbsp;©&nbsp;2021&nbsp;&nbsp;Redbird.&nbsp;All&nbsp;Rights&nbsp;Reserved.
      </p>
      <p style="text-align: center;font-size: 12px;line-height: 1.5;margin-bottom: 30px">
        河北红雀计算机系统有限公司&nbsp;版权所有&nbsp;|&nbsp;红雀课堂服务协议&nbsp;|&nbsp;隐私政策&nbsp;|&nbsp;站点地图&nbsp;|&nbsp;侵权投诉&nbsp;|&nbsp;问题反馈&nbsp;|&nbsp;帮助&nbsp;|&nbsp;涨知识
      </p>
    </div>
  </div>
</template>

<script>
  export default {
    name: "Footer"
  }
</script>

<style scoped>
  .footer{
    margin-top: 10px;
    background-color: #444546;
  }
  .content{
    margin: 0 auto;
    width: 1350px;
    color: #999999;
    padding: 20px;
  }
  h3{
    font-size: 20px;
    line-height: 4;
  }
  .link{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    font-size: 12px;
  }
  .link li{
    width: 120px;
    line-height: 2;
  }
  .line{
    margin: 30px 0;
    width: 1350px;
    border-bottom: 1px solid #4a4b4c;
  }

</style>
